<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@include file="public.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="html/text ; charset=UTF-8">
<script type="text/javascript" src="${contextPath}/csair/js/jquery-1.11.1.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/soundmanager2.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/init.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/jquery.blockUI.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/public.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/citiesData.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/flightDynamicsMX.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/navBlock.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/jquery.cookie.js" charset="UTF-8"></script>
<!--<script type="text/javascript" src="${contextPath}/csair/js/cookie.js" charset="UTF-8"></script>-->
<link rel="stylesheet" href="${contextPath}/csair/css/public.css" />
<link rel="stylesheet" href="${contextPath}/csair/css/flightDynamicsMX.css" />

<script type="text/javascript">
function chang_cf_dd(){
	
	var cfcs = $("#cfcs").val();
	var ddcs = $("#ddcs").val();

	$("#cfcs").val(ddcs);
	$("#ddcs").val(cfcs);
};


</script>

<title>航班动态</title>
</head>
<body>
	<div style="width: 1000px; margin: 0 auto; position: relative;">
		<a href="/iac/wca.html" style="float: right;margin-left: 10px; " id="toolbarCtrl" title="点此此处开启低视力人群工具条">开启低视力人群工具条</a>
	<!-- <a href="/iac/toolbar/help.html" style="float: right;" id="toolbarHelp" title="点此查看无障碍帮助和相关设置">无障碍帮助和相关设置</a>-->	

	</div>
	<div class="header">
		<div class="container">
			<img id="logo" src="${contextPath}/csair/img/logo.jpg" alt="标志" />
		</div>
	</div>
<%@include file="nav2.jsp"%>
	<!--  请在<span id="count" style="font-weight: bold;color: red;"> 300 </span>秒内进行操作-->
	<input type="hidden" id="mark" value="${mark }">
	<input type="hidden" id="nian" value="${year1 }">
	<input type="hidden" id="yue" value="${month1 }">
	<input type="hidden" id="ri" value="${day1 }">
	<div class="container">
		<div class="flight_sel select_wrap">
			<div class="contents">
				<ul id="tab">
					<li data-value="depArvCode"><a href="javascript:void(0)">按出发、到达城市查询</a></li>
					<li data-value="flightNum"><a href="javascript:void(0)">按航班号查询</a></li>
				</ul>
				<div class="flight_infoMX  flightCities"  style="display:block;">
					<label class="input_label" for="cfcs">出发城市：</label>
						<select id="cfcs" title="出发城市">
							<option selected="selected">支持首字母简拼</option>
						</select>
					<label class="input_label" for="ddcs">到达城市：</label>
						<select id="ddcs" title="到达城市">
							<option>支持首字母简拼</option>
						</select>
				</div>
				<div class="flight_infoMX  flightNumber" style="display:none;">
					<label class="input_label">航班号CZ</label>
					<input id="flightNumber" placeholder="例如：3109" value="${flightNumber }">
				</div>
				<div class="flight_infoMX">
					<label class="input_label">出发日期：</label>
					<div class="date">
						<select id="year" title="出发日期选择年份"></select> <select id="month" title="选择月份"></select> <select id="day" title="选择日期"></select>
					</div>
					<input  id="sendCheck" class="checkBtn" type="button" value="查     询" title="点击此处进行查询"  onclick="sendCheck()">
					<input style="display:none;" id="numCheck" class="checkBtn" type="button" value="查     询" title="点击此处进行查询"  onclick="numCheck()">
				</div>
			</div>
			<div class="flight_choosen">
				<div class="flight_choosen_info">
					<h1>${place}</h1>
					<div class="hint">注：航班时间为所在机场的当地时间</div>
					<div class="clearboth"></div>
				</div>
			</div>
			
			<div class="flightDynamicsMX">
				<span id="errorAlert" style="font-size: 18px; color: red;"><b>${noflight }${noflight1 }${errorAlert }</b></span>
				<c:if test="${noflight == null}">
				<c:if test="${noflight1 == null}">
				<c:if test="${errorAlert == null}">
					<div class="YHQorder">
						<div class="flightDynamics_infoMX">
							<table  cellpadding="0" cellspacing="0" style="width:100%;border:#cbd9f3 solid 2px;">
								<tr>
									<th>航班信息</th>
									<th>出发地</th>
									<th>到达地</th>
									<th>起飞时间</th>
									<th>到达时间</th>
									<th>状态</th>
								</tr>
								<c:forEach items="${flightDynamicsList}" var="list">
								<c:if test="${list.fl_count == '1' }">
								<tr>
									<td>${list.fl_info }</td>
									<td>${list.fl_dcity }</td>
									<td>${list.fl_acity }</td>
									<td>
										<c:if test="${list.fl_dtime11 != null}">
										<p>${list.fl_dstatus11 } <span class="bold">${list.fl_dtime11 }</span></p>
										</c:if>   
										<p>${list.fl_dtime12 }</p>
									</td>
									<td>
										<c:if test="${list.fl_atime11 != null}">
										<p>${list.fl_astatus11 } <span class="bold">${list.fl_atime11 }</span></p>
										</c:if>
										<p>${list.fl_atime12 }</p>
									</td>
									<td>
										<p><span class="bold">${list.fl_status1 }</span></p>
										<c:if test="${list.fl_status1 == '计划'}">
											<p><a href="flightQuery?c1=${city1 }&c2=${city2 }&date=${date }&number1=1&number2=0&number3=0&year=${year1 }&month=${month1 }&day=${day1 }&year2=${year2 }&month2=${month2 }&day2=${day2}"><span class="flightQuery">立即预定</span></a></p>
										</c:if>
									</td>
								</tr>
								</c:if>
								<c:if test="${list.fl_count == '2' }">
								<tr class="jingtingFirstLine">
									<td>${list.fl_info }</td>
									<td>${list.fl_dcity }</td>
									<td>${list.fl_acity }</td>
									<td>
										<c:if test="${list.fl_dtime11 != null}">
										<p>${list.fl_dstatus11 } <span class="bold">${list.fl_dtime11 }</span></p>
										</c:if>
										<p>${list.fl_dtime12 }</p>
									</td>
									<td>
										<c:if test="${list.fl_atime11 != null}">
										<p>${list.fl_astatus11 } <span class="bold">${list.fl_atime11 }</span></p>
										</c:if>
										<p>${list.fl_atime12 }</p>
									</td>
									<td style="position:relative;">
										<span class="jingting" >
											<span class="jingtingColor">经停</span>
											<span>${list.fl_jingTing }</span>
										</span>
										<p><span class="bold">${list.fl_status1 }</span></p>
										<c:if test="${list.fl_status1 == '计划'}">
											<p><a href="flightQuery?c1=${city1 }&c2=${city2 }&date=${date }&number1=1&number2=0&number3=0&year=${year1 }&month=${month1 }&day=${day1 }&year2=${year2 }&month2=${month2 }&day2=${day2}"><span class="flightQuery">立即预定</span></a></p>
										</c:if>
									</td>
								</tr>
								<tr>
									<td>${list.fl_info2 }</td>
									<td>${list.fl_dcity2 }</td>
									<td>${list.fl_acity2 }</td>
									<td>
										<c:if test="${list.fl_dtime21 != null}">
										<p>${list.fl_dstatus21 }<span class="bold">${list.fl_dtime21 }</span></p>
										</c:if>
										<p>${list.fl_dtime22 }</p>
									</td>
									<td>
										<c:if test="${list.fl_atime21 != null}">
										<p>${list.fl_astatus21 } <span class="bold">${list.fl_atime21 }</span></p>
										</c:if>
										<p>${list.fl_atime22 }</p>
									</td>
									<td>
										<p><span class="bold">${list.fl_status2 }</span></p>
										<c:if test="${list.fl_status2 == '计划'}">
											<p><a href="flightQuery?c1=${city1 }&c2=${city2 }&date=${date }&number1=1&number2=0&number3=0&year=${year1 }&month=${month1 }&day=${day1 }&year2=${year2 }&month2=${month2 }&day2=${day2}"><span class="flightQuery">立即预定</span></a></p>
										</c:if>
									</td>
								</tr>
								</c:if>
								</c:forEach>
							</table>
						</div>
					</div>
				</c:if>
				</c:if>
				</c:if>
			</div>
		</div>
	</div>
	<%@include file="assigneealert.jsp"%>
	<select id="cfcs1" title="出发城市" style="display: none;">
		<option selected="selected">支持首字母简拼</option>
		<optgroup label="A"></optgroup>
		<optgroup label="B"></optgroup>
		<optgroup label="C"></optgroup>
		<optgroup label="D"></optgroup>
		<optgroup label="E"></optgroup>
		<optgroup label="F"></optgroup>
		<optgroup label="G"></optgroup>
		<optgroup label="H"></optgroup>
		<optgroup label="I"></optgroup>
		<optgroup label="J"></optgroup>
		<optgroup label="K"></optgroup>
		<optgroup label="L"></optgroup>
		<optgroup label="M"></optgroup>
		<optgroup label="N"></optgroup>
		<optgroup label="O"></optgroup>
		<optgroup label="P"></optgroup>
		<optgroup label="Q"></optgroup>
		<optgroup label="R"></optgroup>
		<optgroup label="S"></optgroup>
		<optgroup label="T"></optgroup>
		<optgroup label="U"></optgroup>
		<optgroup label="V"></optgroup>
		<optgroup label="W"></optgroup>
		<optgroup label="X"></optgroup>
		<optgroup label="Y"></optgroup>
		<optgroup label="Z"></optgroup>
	</select>
	<%@include file="footer2.jsp"%>
	<%@include file="footer.jsp"%>
</body>
</html>

